<script setup lang="ts">
import { ArrowLeftBold, ArrowRight } from '@element-plus/icons-vue'
import { useRouter } from 'vue-router';
const router = useRouter()
</script>
<template>
    <div id="mall">
        <div class="top">
            <el-icon @click="router.back()">
                <ArrowLeftBold />
            </el-icon>
            <h3 style="margin: 0 auto">关于我们</h3>
        </div>
        <div class="main">
            <div class="info">
                <img src="@/assets/log.jpg" style="margin-top: 50px;">
                <p>商城</p>
                <p>v1.0.6</p>
            </div>
        </div>
        <div class="footer">
            <p>商城</p>
            <p>是深圳市振涛药业有限公司旗下
                的第三方互联网药品网上商城，
                致力于为朋友们提供亲民的、
                平价的药品与保健品销售服务。
                公司成立即2024年，
                总部位于深圳，目前拥有100多名员工。</p>
        </div>
    </div>
</template>



<style scoped lang="scss">
#mall {
    width: 100%;
    height: 100%;
    .top{
        width: 100%;
        height: 30px;
        background-color: #fff;
        display: flex;
        align-items: center;
    }
    .main{
        width: 100%;
        height: calc(100% - 30px);
        overflow: hidden;
        .info{
            width: 90%;
            height: 200px;
            margin: 0 auto;
            margin-top: 30px;
            text-align: center;
        }
    }
    .footer{
        width: 90%;
        height: 200px;
        margin: 0 auto;
        margin-top: 30px;
    }
}
</style>